<?php $this->load->view('scenic/layout/header') ?>
<div class="order-page ord-page">
	<div class="page-1">
		 <header class="sec-head flex">
            <div class="sec-return">
                <a href="javascript:goHistoryBack('<?php echo site_url('scenic/scanpay/index/'. $this->input->get('scenicId')); ?>');" class="ord-return" data-return="show-3">
                    <i class="iconfont">&#xe606;</i>
               </a>
            </div>
            <div class="ord-name">填写订单</div>
            <div class="go-button">
            </div>
        </header>
		<div class="widthMax booking-content">
            <?php $openUser = json_decode(get_cookie('bzopen'));
              if (empty($this->uid)) : ?>
			<div class="tips">
				<p>有账户可先 <a href="<?php echo site_url('login/login/index'); ?>">登录</a>  享受更多优惠</p>
			</div>
            <?php endif; ?>
			<div class="ewm-buy">
		        <form novalidate="novalidate" id="scan-scenic-ticket-form">
                    <input type="hidden" name="scenicId" value="<?php echo $this->input->get('scenicId'); ?>">
                    <input type="hidden" name="ticketId" value="<?php echo $this->input->get('ticketId'); ?>">
                    <input type="hidden" name="required_sfz" value="0">
		            <div class="buy-sion hide-loading">
		                <div class="ticket-loading flex flex-pack-center flex-align-center">
		                    <i class="iconfont am-animation-spin">&#xe60c;</i>
		                </div>
		                <div class="buy-load">
		                    <ul>
		                        <li>
		                            <h5><span>*</span>手机号：</h5>
		                            <div class="buy-input flex-1">
		                                <input type="tel" name="visitor_telephone" value="<?php echo $mobile ?>" placeholder="请填写真实可用的手机号">
		                            </div>
		                        </li>

                                <?php if (empty($this->uid)) : ?>
                                <li>
                                    <h5><span>*</span>验证码：</h5>
                                    <div class="buy-input flex-1">
                                        <input type="tel" name="captcha" placeholder="请输入手机验证码">
                                    </div>
                                    <a href="javascript:;" class="verify send-captcha">获取验证码</a>
                                </li>
                                <?php endif; ?>

		                        <li>
		                            <h5>身份证：</h5>
		                            <div class="buy-input flex-1">
		                                <input type="text" name="visitor_sfz" value="<?php echo $sfz ?>" placeholder="若未填身份证号则只能刷二维码检票">
		                            </div>
		                        </li>
                                <li id="scan-scenic-ticket-info" class="orderTicket-list">
                                    <?php //$this->load->view('scenic/scanpay/orderTicket');?>
                                </li>

		                        <li>
		                        	<a href="javascript:;" class="ord-again flex">
					                    <div class="again-text flex-1">
					                        <i class="iconfont">&#xe60e;</i>同时购买该景点其他票
					                    </div>
					                    <i class="iconfont again-icon">&#xe606;</i>
					                </a>
		                        </li>
		                        <li>
		                            <div class="buy-relpay flex-1">
		                                <span>订单总金额：</span>
		                                <i><span>￥</span><em class="orderTotal">0</em></i>
		                            </div>
		                        </li>
		                    </ul>
		                    <div class="buttons">
		                    	<button type="submit">确认订单</button>
		                    </div>
		                </div>
		                <div class="buy-alert">
		                    <h5>温馨提示</h5>
		                    <p>游客在线支付成功后，可凭二代身份证或接收到的二维码直接刷票入园，也可凭有效证件到景区指定地点取票入园。</p>
		                </div>
		            </div>
		        </form>
		    </div>
		</div>
	</div>

	<div class="page-3 page-ye"><!-- 选择出行人 -->
    	<header class="sec-head flex">
            <div class="sec-return">
                <a href="javascript:;" class="ord-return" data-return="show-3">
                    <i class="iconfont">&#xe606;</i>
               </a>
            </div>
            <div class="ord-name">选择出行人</div>
            <div class="go-button">
                <a href="javascript:;" class="return-edit">编辑</a>
                <a href="javascript:;" class="return-cancel">取消编辑</a>
            </div>
        </header>
        <section class="go-text widthMax">
            <div class="go-notice">请选择<span>1</span>个出行人</div>
            <div class="go-new">
                <a href="javascript:;" class="add-often-visitor">新增出行人</a>
            </div>
            <div id="oftenVisitor" class="go-people">
            	<?php //$this->load->view('scenic/checkout/oftenVisitor') ?>
			</div>
        </section>
    </div>

    <div class="page-4 page-ye"><!-- 同时购买该景点其他票 -->
        <header class="sec-head flex">
             <div class="sec-return">
                 <a href="javascript:;" class="ord-return" data-return="show-4">
                    <i class="iconfont">&#xe606;</i>
                </a>
             </div>
             <div class="ord-name">添加更多门票</div>
        </header>
        <div class="widthMax" id="scan-scenic-ticket-pop-add">
            <?php //$this->load->view('scenic/scanpay/ticketPop') ?>
        </div>
    </div>
</div>

<!-- 新建出行人 -->
<div id="visitor-modify-alert" class="am-modal-actions alert-modal">
    <form>
        <header class="sec-head flex">
            <div class="alert-return">
                <a href="javascript:;">
                    <i class="iconfont">&#xe61b;</i>
                </a>
            </div>
            <div class="ord-name">新建出行人</div>
            <div class="alert-button">
                <a href="javascript:;">保存</a>
            </div>
        </header>
        <section class="alert-add scan-alert-add widthMax">
            <ul>
                <li>
                    <p>姓名</p>
                    <div class="add-input flex-1">
                        <input type="hidden" name="visitor_id" value="">
                        <input type="text" name="visitor_name">
                        <input type="hidden" name="sex" value="1">
                        <input type="hidden" name="type" value="1">
                    </div>
                </li>
                <li>
                    <p>手机</p>
                    <div class="add-input flex-1">
                        <input type="text" name="mobile_phone">
                    </div>
                </li>
                <li>
                    <p>身份证</p>
                    <div class="add-input flex-1">
                        <input type="text" name="visitor_sfz">
                    </div>
                </li>
            </ul>
        </section>
    </form>
</div>

<div id="modal-ticket-descript" class="vive-Alert am-modal hide-loading" tabindex="-1">
    <h4 class="alert-head flex flex-pack-justify">
        <p class="alert-explain flex-1">票类说明</p>
        <a href="javascript:;" class="am-close alert-close" data-am-modal-close>&times;</a>
    </h4>
    <div class="ticket-contents">
        <!-- 内容 -->
    </div>
    <div class="ticket-loading flex flex-pack-center flex-align-center">
        <i class="iconfont am-animation-spin">&#xe60c;</i>
    </div>
    <?php //$this->load->view('scenic/checkout/ticketDescript') ?>
</div>

<div class="alert-confirm am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-bd">确定要删除此门票？</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<?php $this->load->view('scenic/layout/footer') ?>
<?php js('scenic', 'scanpay', 20170322);?>